$(function(){
  //进度条功能
  //什么时候动起来:  第一个请求发出去 进度条动起来
  $(document).ajaxStart(function(){
    NProgress.start();
  })

  //什么时候结束:   最后一个请求完成时, 进度条结束动画;
  $(document).ajaxStop(function(){
    //让用户加钱优化
    setTimeout(function(){
      NProgress.done();
    },1000)
  })

  //2- 切换分类二级导航
  $('.cate-link').click(function(){
    $('.cate-list').stop().slideToggle();//切换ul
  })

  //3- 切换侧边栏 toggle
  //2- 切换侧边栏 toggle
  // 1-点击菜单按钮， 切换侧边栏 
  // 2-给 lt-aside  切换 lt-out 类名 
  // 3-给 lt-top 切换  pl-180 类名
  // 4-给 body 切换 pl-180 类名 
  //推荐做动画方式:
  //建议将所有的动画 css完成 用类名将动画封装,配合过渡实现动画, js值负责切换类名;

  $('.menu').click(function(){
    $('.lt-aside').toggleClass('lt-out');
    $('.lt-top').toggleClass('pl-180');
    $('body').toggleClass('pl-180');
  })

  //4- 用户退出功能
  // 用户退出 删除用户在服务器登录过标记: (前端只需要发送ajax请求通知后台退出)
  $('.logout').click(function(){
    $.ajax({
      url:'/employee/employeeLogout',
      type:'GET',
      dataType:'json',
      success:function(res){
       console.log(res);
       if(res.success==true){
         //去登录页
         location.href='./login.html';
       }
      }
    })
  })

})